<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="Content-Security-Policy" content="">
    <title>印天阅读</title>
    <script src="./static/js/jszip.js"></script>
    <script src="./static/js/epub.min.js"></script>
    <script src="./static/js/jquery.min.js"></script>
    <!-- <link rel="stylesheet" type="text/css" href="./static/examples.css"> -->
    <link rel="stylesheet" type="text/css" href="./static/css/reader.css">
</head>
<body style="margin:0;">
    <div id="contextMenu">
        <span id="baike">百科</span>
    </div>
    <div id="viewer">
        <div id="loading" style="padding-top: 100px;text-align: center;">
            <img src="./static/img/ajax-loader.gif" alt="">
            <div id="loadingPro" style="text-align: center;margin-top: 5px;"></div>
        </div>
    </div>
    <!-- <canvas id="canvas" style="width: 100%;height: 100%;margin: 0 auto;display: block;"></canvas> -->
    <div id="operate">
        <div class="operate_btns">
            <div id="pre" class="opBtn">上一章</div>
            <div id="spine" class="opBtn">目录</div>
            <div>进度:<span id="percentage">0</span>%</div>
            <div id="next" class="opBtn">下一章</div>
            <div id="setting" class="opBtn">设置</div>
        </div>
        <div class="operate_low">
            <div class="progress">
                <div class="trunk"></div>
                <div class="fastener"></div>
            </div>
            <!-- <div class="addBook" style="padding:10px 0;cursor:pointer;" onclick="collectBook()">添加书架</div> -->
        </div>
    </div>
    <div id="setting_options">
        <div class="setting_row">
            <div>字体</div>
            <div class="gray font act">小</div>
            <div class="gray font">中</div>
            <div class="gray font">大</div>
        </div>
        <!-- <div class="setting_row">
            <div class="gray mode act">白天模式</div>
            <div class="gray mode">黑夜模式</div>
        </div> -->
    </div>
    <div id="catelog">
        <!-- <div class="cate">第一回：宴桃园豪杰三结义，斩黄巾英雄首立功</div>
        <div class="cate">第二回：发矫诏诸镇应曹公，破关兵三英战吕布</div> -->
    </div>
    <div class="dialog">
        <div class="msgBox">
            <div class="msg">确定要将本书移出书架吗？</div>
            <div class="foot">
                <div class="cancelBtn">取消</div>
                <div class="confirmBtn">确定</div>
            </div>
        </div>
    </div>
    <div id="thirdLink">
        <iframe src="" frameborder="0"></iframe>
    </div>
    <script src="./static/build/pdf.js"></script>
    <script src="./static/js/index.js"></script>
</body>
</html>